<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <!-- 页面meta -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">


  <title>数据 - AdminLTE2定制版</title>
  <meta name="description" content="AdminLTE2定制版">
  <meta name="keywords" content="AdminLTE2定制版">


  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <!-- Font Awesome -->
  <!-- Ionicons -->
  <!-- iCheck -->
  <!-- Morris chart -->
  <!-- jvectormap -->
  <!-- Date Picker -->
  <!-- Daterange picker -->
  <!-- Bootstrap time Picker -->
  <!--<link rel="stylesheet" href="../../../plugins/timepicker/bootstrap-timepicker.min.css">-->
  <!-- bootstrap wysihtml5 - text editor -->
  <!--数据表格-->
  <!-- 表格树 -->
  <!-- select2 -->
  <!-- Bootstrap Color Picker -->
  <!-- bootstrap wysihtml5 - text editor -->
  <!--bootstrap-markdown-->
  <!-- Theme style -->
  <!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
  <!-- Ion Slider -->
  <!-- ion slider Nice -->
  <!-- bootstrap slider -->
  <!-- bootstrap-datetimepicker -->

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->


  <!-- jQuery 2.2.3 -->
  <!-- jQuery UI 1.11.4 -->
  <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  <!-- Bootstrap 3.3.6 -->
  <!-- Morris.js charts -->
  <!-- Sparkline -->
  <!-- jvectormap -->
  <!-- jQuery Knob Chart -->
  <!-- daterangepicker -->
  <!-- datepicker -->
  <!-- Bootstrap WYSIHTML5 -->
  <!-- Slimscroll -->
  <!-- FastClick -->
  <!-- iCheck -->
  <!-- AdminLTE App -->
  <!-- 表格树 -->
  <!-- select2 -->
  <!-- bootstrap color picker -->
  <!-- bootstrap time picker -->
  <!--<script src="../../../plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
  <!-- Bootstrap WYSIHTML5 -->
  <!--bootstrap-markdown-->
  <!-- CK Editor -->
  <!-- InputMask -->
  <!-- DataTables -->
  <!-- ChartJS 1.0.1 -->
  <!-- FLOT CHARTS -->
  <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
  <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
  <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
  <!-- jQuery Knob -->
  <!-- Sparkline -->
  <!-- Morris.js charts -->
  <!-- Ion Slider -->
  <!-- Bootstrap slider -->
  <!-- bootstrap-datetimepicker -->
  <!-- 页面meta /-->

  <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css"
        th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
  <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css"
        th:href="@{/plugins/font-awesome/css/font-awesome.min.css}">
  <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css"
        th:href="@{/plugins/ionicons/css/ionicons.min.css}">
  <link rel="stylesheet" href="../plugins/iCheck/square/blue.css" th:href="@{/plugins/iCheck/square/blue.css}">
  <link rel="stylesheet" href="../plugins/morris/morris.css" th:href="@{/plugins/morris/morris.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/jvectormap/jquery-jvectormap-1.2.2.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/datepicker/datepicker3.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/daterangepicker/daterangepicker.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/datatables/dataTables.bootstrap.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/treeTable/jquery.treetable.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/treeTable/jquery.treetable.theme.default.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/select2/select2.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/colorpicker/bootstrap-colorpicker.min.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/adminLTE/css/AdminLTE.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/adminLTE/css/skins/_all-skins.min.css}">
  <link rel="stylesheet" href=".." th:href="@{/css/style.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/ionslider/ion.rangeSlider.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/ionslider/ion.rangeSlider.skinNice.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-slider/slider.css}">
  <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css}">
</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">

  <!-- 页面头部 -->
  <div th:replace="Bar/Bar::topbar"></div>
  <!-- 页面头部 /-->

  <!-- 导航侧栏 -->
  <div th:replace="Bar/Bar::slidebar"></div>
  <!-- 导航侧栏 /-->

  <!-- 内容区域 -->
  <!-- @@master = admin-layout.html-->
  <!-- @@block = content -->

  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        借物登记表
        <!--<small>Preview</small>-->
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">General Elements</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <!--/.col (left) -->
        <!-- right column -->
        <div class="col-md-6">

          <div class="box box-warning">
            <!-- /.box-header -->
            <div class="box-body">
              <!--<form role="form" action="#">-->
              <!--<input type="hidden" name="_method" th:value="POST">-->
              <div class="form-group">
                <label>星期</label>
                <select id="weekday" class="form-control">
                  <option value="1">星期一</option>
                  <option value="2">星期二</option>
                  <option value="3">星期三</option>
                  <option value="4">星期四</option>
                  <option value="5">星期五</option>
                  <option value="6">星期六</option>
                  <option value="7">星期日</option>
                </select>
              </div>

              <div class="form-group">
                <label>当前周</label>
                <select class="form-control" id="week">
                  <option value="1" name="SEweek">1</option>
                  <option value="2" name="SEweek">2</option>
                  <option value="3" name="SEweek">3</option>
                  <option value="4" name="SEweek">4</option>
                  <option value="5" name="SEweek">5</option>
                  <option value="6" name="SEweek">6</option>
                  <option value="7" name="SEweek">7</option>
                  <option value="8" name="SEweek">8</option>
                  <option value="9" name="SEweek">9</option>
                  <option value="10" name="SEweek">10</option>
                  <option value="11" name="SEweek">11</option>
                  <option value="12" name="SEweek">12</option>
                  <option value="13" name="SEweek">13</option>
                  <option value="14" name="SEweek">14</option>
                  <option value="15" name="SEweek">15</option>
                  <option value="16" name="SEweek">16</option>
                </select>
              </div>
              <!-- select -->
              <div class="form-group">
                <label>节次</label>
                <select class="form-control" id="session">
                  <option value="1" th:value="1"
                          name="Session">3,4节
                  </option>
                  <option value="2"
                          th:value="2" name="Session">1,2,3,4节
                  </option>
                  <option value="3"
                          th:value="3" name="Session">5,6,7节
                  </option>
                  <option value="4" name="Session" th:value="4">8,9节</option>
                </select>
              </div>
              <button id="submit" class="btn btn-large btn-primary" type="submit">查询</button>
              <!--</form>-->
              <br>
              <br>
              <div class="form-group">
                <label>查询结果</label>
                <!--<div id="result" class="form-group">-->
                <textarea id="result" name="l_label" class="form-control" rows="10"></textarea>
                <button class="btn btn-sm btn-danger" data-clipboard-action="cut" data-clipboard-target="#result">
                  剪切
                </button>
              </div>
              <div>
              </div>
              <!-- /.box-body -->
            </div>
            <!-- /.box -->
          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div>
    </section>
    <!-- /.content -->
  </div>
  <div></div>
  <!-- @@close -->
  <!-- 内容区域 /-->

  <!-- 底部导航 -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 1.0.8
    </div>
    <strong>Copyright &copy; 2014-2017 <a href="http://www.itcast.cn">研究院研发部</a>.</strong> All rights reserved.
  </footer>
  <!-- 底部导航 /-->

</div>


<script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<script th:src="@{/plugins/jQueryUI/jquery-ui.min.js}"></script>
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<script th:src="@{/js/clipboard.min.js}"></script>
<script th:src="@{/plugins/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/plugins/raphael/raphael-min.js}"></script>
<script th:src="@{/plugins/morris/morris.min.js}"></script>
<script th:src="@{/plugins/sparkline/jquery.sparkline.min.js}"></script>
<script th:src="@{/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js}"></script>
<script th:src="@{/plugins/jvectormap/jquery-jvectormap-world-mill-en.js}"></script>
<script th:src="@{/plugins/knob/jquery.knob.js}"></script>
<script th:src="@{/plugins/daterangepicker/moment.min.js}"></script>
<script th:src="@{/plugins/daterangepicker/daterangepicker.js}"></script>
<script th:src="@{/plugins/daterangepicker/daterangepicker.zh-CN.js}"></script>
<script th:src="@{/plugins/datepicker/bootstrap-datepicker.js}"></script>
<script th:src="@{/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js}"></script>
<script th:src="@{/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js}"></script>
<script th:src="@{/plugins/slimScroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/plugins/fastclick/fastclick.js}"></script>
<script th:src="@{/plugins/iCheck/icheck.min.js}"></script>
<script th:src="@{/plugins/adminLTE/js/app.min.js}"></script>
<script th:src="@{/plugins/treeTable/jquery.treetable.js}"></script>
<script th:src="@{/plugins/select2/select2.full.min.js}"></script>
<script th:src="@{/plugins/colorpicker/bootstrap-colorpicker.min.js}"></script>
<script th:src="@{/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js}"></script>
<script th:src="@{/plugins/bootstrap-markdown/js/bootstrap-markdown.js}"></script>
<script th:src="@{/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js}"></script>
<script th:src="@{/plugins/bootstrap-markdown/js/markdown.js}"></script>
<script th:src="@{/plugins/bootstrap-markdown/js/to-markdown.js}"></script>
<script th:src="@{/plugins/ckeditor/ckeditor.js}"></script>
<script th:src="@{/plugins/input-mask/jquery.inputmask.js}"></script>
<script th:src="@{/plugins/input-mask/jquery.inputmask.date.extensions.js}"></script>
<script th:src="@{/plugins/input-mask/jquery.inputmask.extensions.js}"></script>
<script th:src="@{/plugins/datatables/jquery.dataTables.min.js}"></script>
<script th:src="@{/plugins/datatables/dataTables.bootstrap.min.js}"></script>
<script th:src="@{/plugins/chartjs/Chart.min.js}"></script>
<script th:src="@{/plugins/flot/jquery.flot.min.js}"></script>
<script th:src="@{/plugins/flot/jquery.flot.resize.min.js}"></script>
<script th:src="@{/plugins/flot/jquery.flot.pie.min.js}"></script>
<script th:src="@{/plugins/flot/jquery.flot.categories.min.js}"></script>
<script th:src="@{/plugins/ionslider/ion.rangeSlider.min.js}"></script>
<script th:src="@{/plugins/bootstrap-slider/bootstrap-slider.js}"></script>
<script th:src="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js}"></script>
<script th:src="@{/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script>
    $(document).ready(function () {

        new ClipboardJS('.btn');
        // 选择框
        $(".select2").select2();

        // WYSIHTML5编辑器
        $(".textarea").wysihtml5({
            locale: 'zh-CN'
        });

        $("#submit").click(function () {
            // $.post("/crud/findClass").append("<p>sssss</p>")
            var weekday = $('#weekday option:selected').val();
            var week = $('#week option:selected').val();
            var session = $('#session option:selected').val();
            $.ajax({
                type: "post",
                url: "/findClassData",
                dataType: "json",
                data: {
                    Weekday: weekday,
                    Week: week,
                    Session: session
                },
                success: function (datas) {
                    $("#result").val("一教:"+"\n"+"  "+"一楼: "+datas["yi"].join(" ")+"\n"+"  "+"二楼: "+datas["er"].join(" ")+"\n"+"  "+"三楼: "+datas["san"].join(" ")+"\n"+"  "+"四楼: "+datas["si"].join(" ")+"\n"+
                                     "二教:"+"\n"+"  "+"一楼: "+datas["wu"].join(" ")+"\n"+"  "+"二楼: "+datas["liu"].join(" ")+"\n"+"  "+"三楼: "+datas["qi"].join(" ")+"\n"+"  "+"四楼: "+datas["ba"].join(" "));
                }
            });
        });

    });


    // 设置激活菜单
    function setSidebarActive(tagUri) {
        var liObj = $("#" + tagUri);
        if (liObj.length > 0) {
            liObj.parent().parent().addClass("active");
            liObj.addClass("active");
        }
    }


    $(document).ready(function () {
        setSidebarActive("admin-blank");
    });


</script>

</body>

</html>